<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
    <script src="main.js" defer=""></script>
</head>

<body>
    <div class="stage">
        <div class="title"><span>Tutor best</span><img src="./img/thumbnail.png" alt="" width="100"
                class="animate__animated animate__jackInTheBox animate__delay-1s"></div>
        <form action="">
            <fieldset>
                <legend><i>tutor field</i></legend>
                <select name="" id="field">
                </select>
            </fieldset>
            <fieldset>
                <legend><i>tutor gender</i></legend>
                <select name="" id="gender">
                    <option value="M">M</option>
                    <option value="F">F</option>
                </select>
            </fieldset>
            </fieldset>
            <br>
            <input type="submit" value="Tada" id="submit">
        </form>
    </div>
</body>

</html>